<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<link href="<%= request.getContextPath() %>/css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="<%= request.getContextPath() %>/css/profile.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery.validate.min.js"></script> 

<script type="text/javascript">

$(document).ready(function() {
	$("#updateForm").validate({
		rules: {
			oldpassword: {
				required: true,
				minlength: 6
			},
			password: {
				required: true,
				minlength: 6
			},
			repassword: {
				required: true,
				equalTo: "#password"
			}
		},
		messages: {
			oldpassword: {
				required: "Vui lòng nhập mật khẩu cũ",
				minlength: "Mật khẩu cũ có ít nhất 6 kí tự"
			},
			password: {
				required: "Vui lòng nhập mật khẩu",
				minlength: "Mật khẩu ít nhất 6 kí tự"
			},
			repassword: {
				required: "Vui lòng nhập lại mật khẩu",
				equalTo: "Mật khẩu nhập lại không đúng"
			}
		},
	 	submitHandler: function(form) {
	 		form.submit();
	 	}
	});
});
</script>
<div class="left menu">
<jsp:include page="include/profile-menu.jsp"></jsp:include>
</div>
<div class="left divider">
</div>
<div class="left admin-main">		
<h2>Thay đổi mật khẩu</h2>

<div class="error"><s:actionmessage /></div>
<div class="left">
<s:form action="/home/profile-submitpass" method="post" id="updateForm">  
		<div><span class="requried">*</span>Mật khẩu cũ</div>
		<div><s:password name="oldpassword" id="oldpassword" /></div>
		<div><span class="requried">*</span>Mật khẩu mới</div>
		<div><s:password name="password" id="password" /></div>
		<div><span class="requried">*</span>Nhập lại mật khẩu</div>
		<div><s:password id="repassword" name="repassword" /></div>
		<div><input type="submit" value="Cập nhật"  /></div>
  
</s:form>

</div>
</div>